﻿<div class="widget _3x3 phone bg-color-grayLight">
    <div class="widget-hd">Câu hỏi dành cho bạn</div>
    <div class="widget-content">
        <div class="qs-content">
            <div class="qs-content-inner">
                <div class="qs-item">
                    <div class="hd">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore</div>
                    <div class="cnt">
                        <label>
                            <input type="radio" name="1" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit</label>
                        <label>
                            <input type="radio" name="1" />Typi non habent claritatem insitam;</label>
                        <label>
                            <input type="radio" name="1" />Claritas est etiam processus dynamicus, qui sequitur </label>
                        <label>
                            <input type="radio" name="1" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</label>
                    </div>
                    <!--/ .cnt-->
                </div>
                <!---/ .qs-item-->
                <div class="qs-item">
                    <div class="hd">Lorem ipsum dolor sit amet</div>
                    <div class="cnt">
                        <label>
                            <input type="radio" name="2" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit</label>
                        <label>
                            <input type="radio" name="2" />Typi non habent claritatem insitam;</label>
                        <label>
                            <input type="radio" name="2" />Claritas est etiam processus dynamicus, qui sequitur </label>
                        <label>
                            <input type="radio" name="2" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</label>
                    </div>
                    <!--/ .cnt-->
                </div>
                <!---/ .qs-item-->
                <div class="qs-item">
                    <div class="hd">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore</div>
                    <div class="cnt">
                        <label>
                            <input type="radio" name="3" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit</label>
                        <label>
                            <input type="radio" name="3" />Typi non habent claritatem insitam;</label>
                        <label>
                            <input type="radio" name="3" />Claritas est etiam processus dynamicus, qui sequitur </label>
                        <label>
                            <input type="radio" name="3" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</label>
                    </div>
                    <!--/ .cnt-->
                </div>
                <!---/ .qs-item-->
                <div class="qs-item">
                    <div class="hd">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore</div>
                    <div class="cnt">
                        <label>
                            <input type="radio" name="4" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit</label>
                        <label>
                            <input type="radio" name="4" />Typi non habent claritatem insitam;</label>
                        <label>
                            <input type="radio" name="4" />Claritas est etiam processus dynamicus, qui sequitur </label>
                        <label>
                            <input type="radio" name="4" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</label>
                    </div>
                    <!--/ .cnt-->
                </div>
                <!---/ .qs-item-->
            </div>
            <!--/ .qs-content-inner-->
        </div>
        <!--/ .qs-content-->
        <div class="qs-button">
            <button class="btn-normal pull-right">Trả lời</button>
        </div>

    </div>
    <!--/.qs-content-->

    <!--/
                        	CÂU HỎI ĐẦU
                        	- Sau khi click vào button thì Ajax kiểm tra câu hỏi có đúng không
                            - Nếu đúng thì ẩn câu hỏi này và hình ảnh
                            - Nếu sai load lại câu hỏi và hình ảnh khác khác và hiện thông báo bạn trả lời sai.
                        -->
    <div class="firstQuestion">
        <div class="widget-hd"><small>Bạn nhìn hình xuất hiện trên video để trả lời câu hỏi sau : </small></div>
        <div class="widget-content">
            <p class="text-error">Bạn trả lời sai, trả lời câu hỏi khác</p>
            <div class="qs-item">
                <div class="hd">Nhân vật xuất hiện trong hình là ai?</div>

                <div class="cnt">
                    <label>
                        <input type="radio" name="1" />Duis autem vel eum iriure dolor in hendrerit in vulputate velit</label>
                    <label>
                        <input type="radio" name="1" />Typi non habent claritatem insitam;</label>
                    <label>
                        <input type="radio" name="1" />Claritas est etiam processus dynamicus, qui sequitur </label>
                    <label>
                        <input type="radio" name="1" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</label>
                </div>
                <!--/ .cnt-->
            </div>
            <!---/ .qs-item-->
        </div>
        <!--/.qs-content-->
        <div class="qs-button">
            <button class="btn-normal pull-right" onclick="checkFirst()">Trả lời</button>
        </div>
    </div>
    <!--/ .firstQuestion-->
</div>
<!--/ .widget-->

    @section occasionalScripts {
 <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
              <script type="text/javascript">

                  $(document).ready(function () {
                      $("body").removeClass("home").addClass("video");

                  });
</script>
}
